<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>工作台</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="plugins/bootstrap/bootstrap/css/bootstrap.min.css">
    <!--link rel="stylesheet" href="dist/css/font-awesome.min.css"-->
    <!-- font -->
    <link rel="stylesheet" href="dist/font/iconfont.css">
    <!-- myself style -->
    <link rel="stylesheet" href="dist/css/mainStyle.css">
    <link rel="stylesheet" href="dist/css/basicStyle.css">
    <link rel="stylesheet" href="dist/css/myupdate.css">
    <!--控件样式-->
     <link rel="stylesheet" href="plugins/layui/css/layui.css"  media="all">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style></style>
    </head>
    <body class="hold-transition skin-basic sidebar-mini">
    
<div class="wrapper">
<aside class="main-sidebar">
      <section class="sidebar"> 
      <a href="" class="logo"> 
      	<span class="logo-mini" style="height:60px;"><img  src="dist/img/inlogo.png" ></span> 
        <span class="logo-lg"><img src="dist/img/logo.png" width="170" /></span> 
      </a> 
      <a href="javascript:;" class="foldBtn pull-right sidebar-toggle" data-toggle="offcanvas" role="button">收起 </a>
    <div class="user-panel">
          <div class="text-center image"> <img src="dist/img/male.png" class="img-circle" alt="User Image">
        <p class="user-name text-bold">小弘</p>
        <div class="user-setting"> <a class="pull-left" href="#">账号设置</a> <a class="pull-right" href="#">退出登录</a> </div>
      </div>
        </div>
    <ul class="sidebar-menu">
          <li> <a href="javascript:;" id="workBoard"> <span>工作台</span> <span class="pull-right-container jiao"> <i class="iconfont">&#xe600;</i> </span> </a> </li>
          <li class="treeview active"> 
          <a href="javascript:;" id="project">
          	 <span>项目</span> 
         	 <span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span>
          </a>
        <ul class="treeview-menu">
              <li><a href="javascript:;">我的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">你的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">他的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">她的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
            </ul>
      </li>
          <li class="treeview"> <a href="javascript:;" id="contactList"> <span>通讯录</span> <span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span> </a>
        <ul class="treeview-menu">
              <li><a href="javascript:;">我的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">你的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">他的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">她的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
            </ul>
      </li>
          <li class="treeview"> <a href="javascript:;" id="schedule"> <span>日程</span> <span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span> </a>
        <ul class="treeview-menu">
              <li><a href="javascript:;">我的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">你的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">他的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">她的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
            </ul>
      </li>
          <li class="treeview"> <a href="javascript:;" id="inform"> <span>通知</span> <span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span> </a>
        <ul class="treeview-menu">
              <li><a href="javascript:;">我的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">你的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">他的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
              <li><a href="javascript:;">她的项目<span class="pull-right-container"> <i class="iconfont">&#xe600;</i> </span></a></li>
            </ul>
      </li>
          <li> <a href="javascript:;" id="mySth"> <span>我的</span> <span class="pull-right-container jiao"> <i class="iconfont">&#xe600;</i> </span> </a> </li>
        </ul>
  </section>
    </aside>
<header class="main-header">
    <nav class="navbar navbar-static-top">
        <div class="localation">当前位置：<a href="">项目</a> > <a href="">项目详情</a></div>
    </nav>
    <nav class="navbar-default nav-mytab">
    	<ul>
        	<li class="tab-active"><a href="">基本信息</a></li>
            <li><a href="">被投公司</a></li>
            <li><a href="">财务信息</a></li>
        </ul>
    </nav>
</header>

<div class="content-wrapper">
    <section class="content">
    	<div class="row">
        	<div class="center_items">
            <div class="col-lg-12 col-xs-12 connectedSortable">
             <div class="box bg-def ">
                <div class="box-header with-border">
                      <h4 class="box-title">项目基本信息</h4>
                      <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool project-save">保存</button>
                    <button type="button" class="btn btn-box-tool project-delete">删除</button>
                    <button type="button" class="btn btn-box-tool project-edit">编辑</button>
                    <!--button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button-->
                  </div>
                </div>
                <div class="box-body">
                	<dl>                    	
                    	<dd><span>项目阶段：</span><input type="text" value="PRE-DD" disabled></dd>
                        <dd><span>项目状态：</span><input type="text" value="进行中" disabled></dd>
                        <dd><span>项目类型：</span><input type="text" value="PE项目" disabled></dd>
                        <dd><span>优先级：</span><input type="text" value="A" disabled></dd>
                        <dd><span>所属部门：</span><input type="text" value="PE业务管理部" disabled></dd>
                        <dd><span>是否上市公司：</span><input type="text" value="是" disabled></dd>
                    </dl>
	            </div>
            </div>
            </div>
            <div class="col-lg-12 col-xs-12 connectedSortable">
             <div class="box bg-def ">
                <div class="box-header with-border">
                      <h4 class="box-title">项目基本信息</h4>
                      <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool project-save">保存</button>
                    <button type="button" class="btn btn-box-tool project-delete">删除</button>
                    <button type="button" class="btn btn-box-tool project-edit">编辑</button>
                    <!--button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button-->
                  </div>
                </div>
                <div class="box-body">
                	<dl>                    	
                    	<dd><span>项目阶段：</span><input type="text" value="PRE-DD" disabled></dd>
                        <dd><span>项目状态：</span><input type="text" value="进行中" disabled></dd>
                        <dd><span>项目类型：</span><input type="text" value="PE项目" disabled></dd>
                        <dd><span>优先级：</span><input type="text" value="A" disabled></dd>
                        <dd><span>所属部门：</span><input type="text" value="PE业务管理部" disabled></dd>
                        <dd><span>是否上市公司：</span><input type="text" value="是" disabled></dd>
                    </dl>
	            </div>
            </div>
            </div>
            <div class="col-lg-12 col-xs-12 connectedSortable">
             <div class="box bg-def ">
                <div class="box-header with-border">
                      <h4 class="box-title">项目基本信息</h4>
                      <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool project-save">保存</button>
                    <button type="button" class="btn btn-box-tool project-delete">删除</button>
                    <button type="button" class="btn btn-box-tool project-edit">编辑</button>
                    <!--button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button-->
                  </div>
                </div>
                <div class="box-body">
                	<dl>                    	
                    	<dd><span>项目阶段：</span><input type="text" value="PRE-DD" disabled></dd>
                        <dd><span>项目状态：</span><input type="text" value="进行中" disabled></dd>
                        <dd><span>项目类型：</span><input type="text" value="PE项目" disabled></dd>
                        <dd><span>优先级：</span><input type="text" value="A" disabled></dd>
                        <dd><span>所属部门：</span><input type="text" value="PE业务管理部" disabled></dd>
                        <dd><span>是否上市公司：</span><input type="text" value="是" disabled></dd>
                    </dl>
	            </div>
            </div>
            </div>
            <!---新闻列表类---->
            <div class="col-lg-12 col-xs-12 connectedSortable">
             <div class="box bg-def ">
                <div class="box-header with-border">
                      <h4 class="box-title">汇报预测</h4>
                      <div class="box-tools pull-right">
                    <!--button type="button" class="btn btn-box-tool project-save">保存</button>
                    <button type="button" class="btn btn-box-tool project-delete">删除</button>
                    <button type="button" class="btn btn-box-tool project-edit">编辑</button-->
                    <button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button>
                  </div>
                </div>
                <div class="box-body">
                	<dl class="news-list">   
                    	<dt>
                        	<dd>版本</dd>
                            <dd>创建时间</dd>
                            <dd>BaseCase</dd>
                            <dd>BaseCase</dd>
                        </dt>  
                        <dl>               	
                            <dd class="one_line">版本号1</dd>
                            <dd class="one_line">2016年1月1日</dd>
                            <dd class="more_line">预计退出日期：2016年12月1日<br>预期内部收益率：100%<br>预期回报倍数：1</dd>
                            <dd class="more_line">预计退出日期：2016年12月1日<br>预期内部收益率：100%<br>预期回报倍数：1</dd>
                        </dl>
                        <dl>               	
                            <dd class="one_line">版本号1</dd>
                            <dd class="one_line">2016年1月1日</dd>
                            <dd class="more_line">预计退出日期：2016年12月1日<br>预期内部收益率：100%<br>预期回报倍数：1</dd>
                            <dd class="more_line">预计退出日期：2016年12月1日<br>预期内部收益率：100%<br>预期回报倍数：1</dd>
                        </dl>
                        <dl>               	
                            <dd class="one_line">版本号1</dd>
                            <dd class="one_line">2016年1月1日</dd>
                            <dd class="more_line">预计退出日期：2016年12月1日<br>预期内部收益率：100%<br>预期回报倍数：1</dd>
                            <dd class="more_line">预计退出日期：2016年12月1日<br>预期内部收益率：100%<br>预期回报倍数：1</dd>
                        </dl>
                    </dl>
	            </div>
            </div>
            </div>            
             <div class="col-lg-12 col-xs-12 connectedSortable">
             <div class="box bg-def ">
                <div class="box-header with-border">
                      <h4 class="box-title">列表可添加行测试</h4>
                      <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool project-addline">添加一行</button>
                    <button type="button" class="btn btn-box-tool project-save">保存</button>
                    <!--button type="button" class="btn btn-box-tool project-delete">删除</button-->
                    <button type="button" class="btn btn-box-tool project-edit">编辑</button>
                    <button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button>
                  </div>
                </div>
                <div class="box-body">
                	<dl class="news-list addline">   
                    	<dl class="dt-header">
                        	<dd>版本</dd>
                            <dd>创建时间</dd>
                            <dd>BaseCase</dd>
                            <dd>BaseCase</dd>
                        </dl>  
                        <dl>               	
                            <dd><input type="text" value="版本号1"></dd>
                            <dd><input type="text" value="2016年1月1日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                        </dl>
                        <dl>               	
                            <dd><input type="text" value="版本号1"></dd>
                            <dd><input type="text" value="2016年1月1日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                        </dl>
                        <dl>               	
                            <dd><input type="text" value="版本号1"></dd>
                            <dd><input type="text" value="2016年1月1日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                        </dl>
                    </dl>
	            </div>
            </div>
            </div>  
            <!--日期、弹框、下拉等模块-->
          <div class="col-lg-12 col-xs-12 connectedSortable">
             <div class="box bg-def ">
                <div class="box-header with-border">
                      <h4 class="box-title">列表可添加行测试</h4>
                      <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool project-addline">添加一行</button>
                    <button type="button" class="btn btn-box-tool project-save">保存</button>
                    <!--button type="button" class="btn btn-box-tool project-delete">删除</button-->
                    <button type="button" class="btn btn-box-tool project-edit">编辑</button>
                    <button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button>
                  </div>
                </div>
                <div class="box-body">
                	<dl class="news-list addline">   
                    	<dl class="dt-header">
                        	<dd>版本</dd>
                            <dd>创建时间</dd>
                            <dd>BaseCase</dd>
                            <dd>BaseCase</dd>
                        </dl>  
                        <dl>               	
                            <dd><input type="text" value="版本号1"></dd>
                            <dd><input type="text" value="2016年1月1日"></dd>
                            <dd><input class="layui-input" placeholder="退出日期" onclick="layui.laydate({elem: this, festival: true})"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                        </dl>
                        <dl>               	
                            <dd><input type="text" value="版本号1"></dd>
                            <dd><input type="text" value="2016年1月1日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                        </dl>
                        <dl>               	
                            <dd><input type="text" value="版本号1"></dd>
                            <dd><input type="text" value="2016年1月1日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                            <dd><input type="text" value="预计退出日期：2016年11月12日"></dd>
                        </dl>
                    </dl>
	            </div>
            </div>
            </div>
            </div>  
            <div class="right_boxs">
            <div class="col-lg-12 col-xs-12 connectedSortable">
         	<div class="box bg-def ">
            <div class="box-header with-border">
                  <h4 class="box-title myRep" aid="0">项目成员</h4>                 
                  <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool foldBtn0" data-widget="collapse">收起<i class="fa fa-angle-double-up"></i></button>
              </div>
                </div>
            <div class="box-body">
                <ul class="user-list-ico">
                	<li>
                    	<label>龙</label>
                        <span class="title">成龙<br><i>董事长</i></span>
                    </li>
                    <li>
                    	<label>龙</label>
                        <span class="title">成龙<br><i>董事长</i></span>
                    </li>
                    <li>
                    	<label>龙</label>
                        <span class="title">成龙<br><i>董事长</i></span>
                    </li>
                    <li>
                    	<label>龙</label>
                        <span class="title">成龙<br><i>董事长</i></span>
                    </li>
                </ul>
           </div>
         </div>
      </div>
            </div>
      </div>
        </section>
  </div>
	<footer class="main-footer"> <small class="center-block text-center">&copy; 2016-2020  弘毅投资  版权所有</small> </footer>
</div>



<script src="plugins/layui/layui.js" charset="utf-8"></script>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  var start = {
    min: laydate.now()
    ,max: '2099-06-16 23:59:59'
    ,istoday: false
    ,choose: function(datas){
      end.min = datas; //开始日选好后，重置结束日的最小日期
      end.start = datas //将结束日的初始值设定为开始日
    }
  };
  
  var end = {
    min: laydate.now()
    ,max: '2099-06-16 23:59:59'
    ,istoday: false
    ,choose: function(datas){
      start.max = datas; //结束日选好后，重置开始日的最大日期
    }
  };
  
  document.getElementById('LAY_demorange_s').onclick = function(){
    start.elem = this;
    laydate(start);
  }
  document.getElementById('LAY_demorange_e').onclick = function(){
    end.elem = this
    laydate(end);
  }
  
});
</script>

<!-- jQuery 2.2.3 --> 
<script src="plugins/jquery/jquery-1.9.1.js"></script> 
<script type="text/javascript">
	$(function(){
		//编辑模块
		$(".box-header .project-edit").click(function(){
			$(this).parents(".col-lg-12").find("input").removeAttr("disabled").addClass("justShow");
			})
		//保存模块
		$(".box-header .project-save").click(function(){
				$(this).parents(".col-lg-12").find("input").attr("disabled","disabled").removeClass("justShow");
			})
		//删除模块
		$(".box-header .project-delete").click(function(){
				$(this).parents(".col-lg-12").remove();
			})
		//添加一行
		$(".box-header .project-addline").click(function(){
				$(this).parents(".col-lg-12").find(".box-body .addline").append("<dl><dd><input class='addborder1' type='text'></dd><dd><input type='text' class='addborder1'></dd><dd><input class='addborder1' type='text'></dd><dd><input class='addborder1' type='text'></dd></dl>");
			})
		})
</script>

<!-- jQuery UI 1.11.4 --> 
<script src="dist/js/jquery-ui.min.js"></script> 
<!-- Bootstrap 3.3.6 --> 
<script src="plugins/bootstrap/bootstrap/js/bootstrap.js"></script> 
<!-- date table self --> 
<script src="dist/js/calendar.js"></script> 
<!-- angular js ---> 
<script src="plugins/angular/angular-1.5.8.js"></script> 
<script src="dist/js/moment.min.js"></script> 
<!-- Slimscroll --> 
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script> 
<!-- myself js --> 
<script type="text/javascript" src="dist/js/basicScript.js"></script> 
<script type="text/javascript" src="dist/js/app.js"></script>
          

</body>
</html>
